<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
  <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../css/caidanlan.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/book_inventory.css">
  <link rel="stylesheet" href="../css/book_index.css">
  <script src="../javaScript/data_management.js"></script>
  <script src="../javaScript/utl.js"></script>
  <link rel="stylesheet" href="../css/cengjiaLable.css">
  <script src="../javaScript/quanxianpanduan.js"></script>

</head>

<body>
  <div class="container-fulid">
    <div class="row shouhang">
      <span class="iconfont icon-ziliaoku"></span>
      <p>图书馆后台管理系统</p>
      <div id='yonghu'>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 caidan">
        <a href="../html/jueseguanli.html">
          <p> 角色管理</p>
        </a>
        <a href="../html/guanliyuanguanli.html">
          <p>管理员管理</p>
        </a>
        <a href="./quanxianguanli.html">
          <p>权限管理</p>
        </a>
        <a href="../html/ReaderUser.html">
          <p>读者用户</p>
        </a>
        <a href="../html/duzhejuese.html">
          <p>读者角色</p>
        </a>
        <a href="../html/yuedu.html">
          <p>借阅查询</p>
        </a>
        <a href="../html/jieyueguanli.html">
          <p>借阅管理</p>
        </a>
        <a href="../html/book-management.html">
          <p>书刊管理</p>
        </a>
        <a href="../html/guancangdizhi.html">
          <p>馆藏地址管理</p>
        </a>
        <a href="../html/guancangfenlei.html">
          <p>馆藏分类管理</p>
        </a>
        <a href="../html/cengjiaLabel.html">
          <p>层架标签配置</p>
        </a>
        <a href="../html/fenguanshezhi.html">
          <p>分馆配置</p>
        </a>
        <a href="../html/book_inventory.html">
          <p>图书盘点</p>
        </a>
        <a href="../html/dindanguanli.html">
          <p>订单管理</p>
        </a>
        <a href="../html/tushuguanshezi.html">
          <p>图书馆设置</p>
        </a>
      </div>
      <div class="col-md-9 header">
        <div>
          <span>首页</span>
          <span id="adrs"> > </span>
          <span>图书盘点</span>
        </div>

        <div class="row" id="book">
          <div class="col-md-1 center">
            <span class="point" id="newadd">+ 新增</span>
          </div>
          <div class="col-md-2 i1">
            <input type="text" placeholder="层架名" id="event" class="our1">
          </div>
          <div class="col-md-2 i1">
            <input type="text" placeholder="条码" id="event" class="our2">
          </div>
          <div class="col-md-2 center">
            <span class="point">读取超高频率</span>
          </div>
          <div class="col-md-2 center">
            <span class="point">读取导入模板</span>
          </div>
          <div class="col-md-1 center">
            <span class="point">导入</span></span>
          </div>
          <div class="col-md-1 center">
            <span class="point">导出</span>
          </div>
          <div class="col-md-1 center">
            <span class="point" id="finded">查询</span>
          </div>
        </div>

        <div class="row time">
          <div class="col-md-3 center">
            <span>层架名</span>
          </div>
          <div class="col-md-3 center">
            <span>条码</span>
          </div>
          <div class="col-md-2 center">
            <span>书籍数</span>
          </div>

          <div class="col-md-2 center">
            <span>创建时间</span>
          </div>

          <div class="col-md-2 center">
            <span>操作</span>
          </div>
        </div>

        <div class="row loder">
          <div class="col-md-3 center">
            <span>2F-2A</span>
          </div>
          <div class="col-md-3 center">
            <span>ISBN347</span>
          </div>
          <div class="col-md-2 center">
            <span>7本</span>
          </div>

          <div class="col-md-2 center">
            <span>2021-2-23</span>
          </div>

          <div class="col-md-2" id="delt">
            <span id="red">编辑</span>
            <span id="yellow">删除</span>
          </div>
        </div>

        <div id="pass">

        </div>



        <div>


          <!-- 弹出框 -->
          <div id="beijing" class="container">
            <div class=" jushangmian ">
              <!-- 大框头部 -->
              <div id="toubu" class="row hanggao bianbai">
                <div class="col-md-5 xiaoshou " onclick="quxiao()"><img class="xuanzhuan zuojiantoudaxiao"
                    src="../images/zuojiantou.png" alt="">
                </div>
                <div class="col-md-5 h4 qingbianju zitigaoer baiziti ">新增层架标签</div>
                <div class="col-md-2 xiaoshou"><img class="youfu" src="../images/chacha.png" alt="">
                </div>
              </div>
              <!-- 大框主体 -->
              <div id="zhuti">
                <!-- 大框主体第一行 -->
                <div class="row xialai hanggao ">
                  <div class="col-md-2 zitigao baiziti ">层架名称:</div>
                  <div class="col-md-3 col-md-offset-6" id="chan">

                    <input type="text" placeholder="请输入馆藏名称">
                  </div>
                </div>
                <!-- 大框主体第二行 -->
                <div class="row  hanggao">
                  <div class="col-md-2 zitigao baiziti "> 条码</div>
                  <div class="col-md-3 col-md-offset-6">
                    <div id="reader">
                      读取超高频
                    </div>
                  </div>
                </div>
                <!-- 大框主体第三行 -->

                <div class="row xialai">
                  <div id="big">
                    <div class="col-md-1 col-md-offset-4 anniuyi " id="conf">确定</div>
                    <div class="col-md-1 anniuer" id="del">取消</div>

                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 遮罩层 -->
          <div id="zhezhao"
            style=" display: none; background-color: rgba(248, 248, 248,0.7); position: absolute; top: 0; left: 0;">
          </div>

        </div>

      </div>
    </div>
  </div>

  <script>

    isLogin()
    let guanliname = glqx('层架标签管理')
    $("#newadd").click(function () {
      $("#beijing").css({
        "display": "block"
      })
    })
    $("#conf").click(function () {
      $("#beijing").css({
        "display": "none"
      })
    })
    $("#del").click(function () {
      $("#beijing").css({
        "display": "none"
      })
    })

    //书籍数目查询

    function Tached() {
      if (czqx(guanliname, '查询')) {
        return
      }
      setData("data", JSON.stringify(bookcount))
      let arr = JSON.parse(getData("data"))
      $('#finded').click(function () {

        let str1 = $(".our1").val()
        let str2 = $(".our2").val()
        for (let i = 0; i < arr.length; i++) {
          if (arr[i].shelf == str1 || arr[i].ISBN == str2) {
            $("#pass").html(`
            <div class="row loder">
          <div class="col-md-3 center">
            <span>${arr[i].shelf}</span>
          </div>
          <div class="col-md-3 center">
            <span>${arr[i].ISBN}</span>
          </div>
          <div class="col-md-2 center">
            <span>${arr[i].amount}</span>
          </div>

          <div class="col-md-2 center">
            <span>${arr[i].time}</span>
          </div>

          <div class="col-md-2" id="delt">
            <span id="red">编辑</span>
            <span id="yellow">删除</span>
          </div>
            `)
          }
        }
      })
    }
    Tached()


    function Delate() {
      if (czqx(guanliname, '删除')) {
        return
      }
      $("#pass").on("click", "#yellow", function () {
        $("#pass").children().remove()
      })
    }
    function Delate1() {
      if (czqx(guanliname, '删除')) {
        return
      }
      $(".loder").on("click", "#yellow", function () {
        $(".loder").remove()
      })
    }

    Delate()
    Delate1()

  </script>

</body>

</html>